header {

    width: 100%;

    position: relative;

}



header .index-banner-swiper {

	padding-top:90px;

    width: 100%;

    height: 100%;

}



header .index-banner-swiper img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.index-show {

    padding: 60px 0;

    background-color: #fff;

}

.index-Title .title {

    font-size: 40px;

    color: #333; margin-bottom: 20px;

    font-weight: bold;

    text-align: center;

}

.index-Title .title span{ color:#1959c0; text-align:center;}
.index-Title .line { text-align:center;
    width: 100%;font-size: 18px; 
    margin: 14px auto 0; letter-spacing:5px;
}



.index-reason {

    padding: 60px 0 0;

    background-color: #f3f3f3;

}



.index-reason .reason-nav {

    margin-top: 44px;

}



.index-reason .reason-nav ul {

    display: flex;

    justify-content: space-between;

}



.index-reason .reason-nav ul li {

    width: 25%;

    height: 140px;

    cursor: pointer;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: 0.3s;

}



.index-reason .reason-nav ul li .icon {

    width: 80px;

    height: 80px;

    margin-right: 20px;

    transition: 0.3s;

}



.index-reason .reason-nav ul li .icon2 {

    display: none;

}



.index-reason .reason-nav ul li .word .title {

    font-size: 28px;

    transition: 0.3s;

}



.index-reason .reason-nav ul li .word .intro {

    font-size: 18px;

    color: #808080;

    margin-top: 10px;

    transition: 0.3s;

}



.index-reason .reason-nav ul li .sanjiao {

    display: none;

    position: absolute;

    left: 50%;

    bottom: -16px;

    width: 0;

    height: 0;

    transition: 0.3s;

    transform: translateX(-50%);

    border-top: 16px solid #3186E0;

    border-right: 16px solid transparent;

    border-left: 16px solid transparent;

}



.index-reason .reason-nav ul li::after {

    content: "";

    right: 0;

    top: 30px;

    width: 1px;

    height: 80px;

    position: absolute;

    background-color: #cccccc;

}



.index-reason .reason-nav ul li:last-child::after {

    display: none;

}



.index-reason .reason-nav ul .li-active {

    background-color: #3186E0;

}



.index-reason .reason-nav ul .li-active .icon1 {

    display: none;

}



.index-reason .reason-nav ul .li-active .icon2 {

    display: block;

}



.index-reason .reason-nav ul .li-active .word .title {

    color: #fff;

}



.index-reason .reason-nav ul .li-active .word .intro {

    color: #fff;

}



.index-reason .reason-nav ul .li-active .sanjiao {

    display: block;

}



.index-reason .reason-nav ul li:hover {

    background-color: #3186E0;

}



.index-reason .reason-nav ul li:hover .icon1 {

    display: none;

}



.index-reason .reason-nav ul li:hover .icon2 {

    display: block;

}



.index-reason .reason-nav ul li:hover .word .title {

    color: #fff;

}



.index-reason .reason-nav ul li:hover .word .intro {

    color: #fff;

}



.index-reason .reason-nav ul li:hover .sanjiao {

    display: block;

}



.index-reason .reason-contain {

    background-image: url("../images/reason_bg.png");

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    height: 560px;

}



.index-reason .reason-contain .wd1200 {

    display: flex;

    height: 100%;

}



.index-reason .reason-contain .wd1200 .promise {

    width: 300px;

    padding: 60px 0 0 41px;

    margin-right: 140px;

    background: #0000007a;

}



.index-reason .reason-contain .wd1200 .promise h3 {

    font-size: 36px;

    color: #fefefe;

}



.index-reason .reason-contain .wd1200 .promise .intro {

    margin-top: 14px;

    font-size: 22px;

    color: #fefefe;

}



.index-reason .reason-contain .wd1200 .promise .line {

    width: 60px;

    height: 5px;

    margin-top: 36px;

    background-color: #ffffff;

}



.index-reason .reason-contain .wd1200 .promise .seave {

    margin-top: 50px;

}



.index-reason .reason-contain .wd1200 .promise .seave .strip {

    display: flex;

    align-items: center;

    margin-bottom: 20px;

}



.index-reason .reason-contain .wd1200 .promise .seave .strip div {

    width: 8px;

    height: 8px;

    margin-right: 10px;

    background-color: #ffffff;

}



.index-reason .reason-contain .wd1200 .promise .seave .strip span {

    font-size: 18px;

    color: #fefefe;

}



.index-reason .reason-contain .wd1200 .promise .order {

    margin-top: 20px;

    width: 200px;

    height: 58px;

    color: #fefefe;

    font-size: 16px; font-weight:bold;

    line-height: 58px;

    display: block;
	
    text-align: center;

    transition: 0.2s;

    border: solid 1px #ffffff;

}



.index-reason .reason-contain .wd1200 .promise .order:hover {

    color: #fff;

    background-color: #ea0006;

    border: 1px solid #ea0006;

}



.index-reason .reason-contain .wd1200 .reason-box {

    width: 620px;

    height: 326px;

    margin-top: 104px;

    position: relative;

    background-color: #ffffff;

}



.index-reason .reason-contain .wd1200 .reason-box .index-reason-swiper {

    width: 100%;

    height: 100%;

    position: initial;

}



.index-reason .reason-contain .wd1200 .reason-box .index-reason-swiper .swiper-slide {

    padding: 40px 50px;

    box-sizing: border-box;

}



.index-reason .reason-contain .wd1200 .reason-box .index-reason-swiper .swiper-slide h2 {

    font-size: 40px;

    color: #ea0006;

    padding: 0;

    margin: 0;

}



.index-reason .reason-contain .wd1200 .reason-box .index-reason-swiper .swiper-slide .intro {

    margin-top: 10px;

    font-size: 24px;

}



.index-reason .reason-contain .wd1200 .reason-box .index-reason-swiper .swiper-slide .line {

    width: 100%;

    height: 1px;

    margin-top: 20px;

    background-color: #cccccc;

}



.index-reason .reason-contain .wd1200 .reason-box .index-reason-swiper .swiper-slide .detail {

    margin-top: 20px;

    font-size: 16px;

    color: #666;

    line-height: 32px;

    text-align: justify;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

}



.index-case {
    padding: 60px 0;
	height:100%;

}



.index-case .case-box {
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto;
    margin-top: 54px;

}
.index-case .case-box ul
{	width:102%; 
  margin-right: -10px;
  margin-left: -10px;
}
.index-case .case-box ul li{
  width: 25%; float:left; background:#fff;
   padding-right: 10px;
  padding-left: 10px; margin-bottom:15px;
}
.index-case .case-box ul li .box{ border:1PX solid #F0F0F0; padding:10PX; text-align:center; height:279px; overflow: hidden;}
.index-case .case-box ul li .name{ text-align: center; line-height: 50px; font-size: 16px;}
@media (max-width: 592px){
.index-case .case-box ul li{  padding-right: 5px;
  padding-left: 5px;
  width:49%; }
  .index-case .case-box ul
{
  margin-right: -5px;
  margin-left: -5px;
}
.index-case .case-box ul li .box{ padding:5PX;}
.index-case .case-box ul li .name{line-height: 40px; height:40px; font-size: 15px;}

}

.index-pro .pro-box {

    margin-top: 66px;

    position: relative;

}
.index-pro .pro-box ul { width:102%;}
.index-pro .pro-box ul li { width:23%; margin-right:2%; float:left;}

.index-pro .pro-box ul {

    width: 100%;

    height: 358px;

    position: initial;

}



.index-pro .pro-box ul a {

    display: block;


    transition: 0.3s;

    cursor: pointer;

}


.index-pro .pro-box ul .swiper-slide .photo { padding:10px; background-color: #fff;
 border: 1px solid #999;    margin: 0 auto;
    overflow: hidden;
}

.index-pro .pro-box ul a:hover .photo { padding:10px; background-color: #fff;
    border: 1px solid #1959c0;   
   }
   .index-pro .pro-box ul a:hover{ background-color: #fff;}

.index-pro .pro-box ul .swiper-slide .photo img {

    width: 100%;

}



.index-pro .pro-box ul .swiper-slide .name {
    display: flex;

    justify-content: center;

    align-items: flex-end;

    transition: 0.3s;

}



.index-pro .pro-box ul .swiper-slide .name div {
    font-size:16px; line-height: 40px;

}



.index-pro .pro-box ul .swiper-slide .name span {

    font-size: 14px;

}



.index-pro .pro-box ul .swiper-slide .position { padding:0 20px;

    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;

    line-height: 24px;

    color: #666;

    transition: 0.3s;

}



.index-about {

    padding: 60px 0 100px;

 background:#fafafa;
}



.index-about .about-box {

    margin-top: 64px;

}



.index-about .about-box .wd1200 {

    display: flex;

}



.index-about .about-box .wd1200 .show {

    width: 563px;

    height: 304px;

    margin-left: 42px;

}



.index-about .about-box .wd1200 .info {

    position: relative;

    flex: 1;

}



.index-about .about-box .wd1200 .info .title {

    font-size: 24px;

}



.index-about .about-box .wd1200 .info .intro {

    margin-top: 20px;

    font-size: 15px;

    color: #666;

    line-height: 30px;

    text-align: justify;

    display: -webkit-box;

    -webkit-line-clamp: 6;

    -webkit-box-orient: vertical;

    overflow: hidden;

}



.index-about .about-box .wd1200 .info .more {

    display: block;

    margin-top: 20px;

    width: 128px;

    height: 44px;

    font-size: 16px;

    color: #fff;

    line-height: 44px;

    text-align: center;

    transition: 0.2s;

    background-color: #1959c0;

}



.index-about .about-box .wd1200 .info .more:hover {

    background-color: #ffb123;

}



.index-about .about-box .wd1200 .info .index-about-swiper {

    float: left;

    margin-top: 30px;

    width: 550px;

    height: 133px;

    position: initial;

}



.index-about .about-box .wd1200 .info .index-about-swiper .swiper-slide img {

    width: 100%;

    height: 100%;

}

.index-about { margin-top:50px;
    padding: 60px 0;

}

.index-news {

    padding: 60px 0;

}
.index-news ul {
    width: 102%; margin-top:40px;
    margin-right: -10px;
    margin-left: -10px;
}
.index-news li { width: 48%; float: left; padding-right: 10px;padding-left: 10px;}
.index-news .news-item a {height:59px;line-height:59px; display:block;border-bottom:1px solid #EEEEEE;font-size:15px;font-family: "Microsoft Yahei",Verdana,Arial,sans-serif;color:#666;box-sizing:border-box;padding:0 8px;}
.index-news .news-tit {float:left;text-align:left;width:70%;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.index-news .news-time {float:right;font-size:14px;color:#666666;font-family:Microsoft JhengHei; text-align:right;}



ul .swiper-pagination-bullet {

    width: 14px;

    height: 14px;

    opacity: 1;

    background: #f0f0f0;

}



ul .swiper-pagination-bullets {

    bottom: -50px;

}



ul .swiper-pagination-bullet-active {

    background: #ffb123;

}



.gallery-top .swiper-button-prev {

    width: 56px;

    height: 56px;

    background-size: auto;

    background-image: url("img/arrow_l.png");

}



.gallery-top .swiper-button-next {

    width: 56px;

    height: 56px;

    background-size: auto;

    background-image: url("img/arrow_r.png");

}



.index-case .case-box .gallery-thumbs .swiper-slide-thumb-active {

    border: 2px solid #ea0006;

    opacity: 1;

}



.index-reason-swiper .swiper-pagination-bullets {

    bottom: -40px;

}



.index-reason-swiper .swiper-pagination-bullet {

    width: 14px;

    height: 14px;

    opacity: 1;

    background: #fff;

}



.index-reason-swiper .swiper-pagination-bullet-active {

    background: #ea0006;

}



ul .swiper-button-next {

    right: -50px;

    width: 16px;

    height: 28px;

    background-size: auto;

    background-image: url("../images/pro_arrow_r2.png");

}



ul .swiper-button-prev {

    left: -50px;

    width: 16px;

    height: 28px;

    background-size: auto;

    background-image: url("../images/pro_arrow_l.png");

}



ul .swiper-button-next:hover {

    background-image: url("../images/pro_arrow_r.png");

}



ul .swiper-button-prev:hover {

    background-image: url("../images/pro_arrow_l2.png");

}



.index-about-swiper .swiper-button-next {

    right: 0;

    top: auto;

    bottom: 0;

    width: 34px;

    height: 65px;

    background-size: auto;

    background-image: url("img/new_arrow_r.png");

}



.index-about-swiper .swiper-button-prev {

    right: 0;

    left: auto;

    top: auto;

    bottom: 68px;

    width: 34px;

    height: 65px;

    background-size: auto;

    background-image: url("img/new_arrow_l.png");

}
.map_box{height:205px; overflow:hidden;}

.process-box{margin-top: 70px;}
.process-box ul{font-size: 0; text-align: center;}
.process-box li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
.process-box li .tp{overflow: hidden;}
.process-box li .icon{width: 94px; height: 94px; border: 1px solid #999; float: left; background: url(img/process-icon.png) no-repeat 0 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;}
.process-box li .ico2{background-position: -94px 0;}
.process-box li .ico3{background-position: -188px 0;}
.process-box li .ico4{background-position: -282px 0;}
.process-box li .ico5{background-position: -376px 0;}
.process-box li .ico6{background-position: -470px 0;}
.process-box li .ico7{background-position: -564px 0;}
.process-box li .icon:hover{background-color: #1959c0; border-color: #1959c0; background-position: 0 -94px;}
.process-box li .ico2:hover{background-position: -94px -94px;}
.process-box li .ico3:hover{background-position: -188px -94px;}
.process-box li .ico4:hover{background-position: -282px -94px;}
.process-box li .ico5:hover{background-position: -376px -94px;}
.process-box li .ico6:hover{background-position: -470px -94px;}
.process-box li .ico7:hover{background-position: -564px -94px;}
.process-box li .next{width: 104px; height: 96px; float: left; background: url(img/process-next.png) no-repeat center;}
.process-box li .title{width: 96px; font-size: 18px; text-align: center; margin-top: 6px;}
.process-box li .title span{font-size: 14px;}

.xbanner{ background: url(img/ys_bj.jpg) no-repeat; color:#fff; text-align:center; padding:70px 0;}
.xbanner a{ color:#bb000c; width:250px; margin:0 auto; font-size:18px; background:#fff; padding:12px 22px;  font-weight:bold;line-height:40px; }
.xbanner h3{ font-size:36px; font-weight:bold;line-height:40px;}
.xbanner p{ font-size:18px;line-height:30px; margin-bottom:32px;}
.index-youshi { background-color: #f4f4f4; }
.index-youshi .row { margin-top:30px;}
.index-youshi .img{ float: right;}
.index-youshi .img img{width: 100%;height: 100%;}
.index-youshi .case-box-li .txt{position: relative;width:560px; }
.index-youshi .case-box-li .txt i{position: absolute;top: 58px;display: block;width: 55px;height: 78px;color: #fff;font-size: 28px;line-height: 70px;font-weight: bold;text-align: center;background: #1959c0;}
.index-youshi .case-box-li .txt i:after{content: '';position: absolute;bottom: 10px;left: 50%;margin-left: -13px;width: 26px;height: 2px;background: #fff;}
.index-youshi .case-box-li .txt h3{margin-left: 74px;font-size: 24px;color: #2b2b2b;font-weight: bold;margin-top: 28px;padding-bottom: 12px;border-bottom: 1px dashed #2b2b2b;}
.index-youshi .case-box-li .txt p{margin-left: 74px;margin-top: 12px;height:90px;color: #777;line-height: 30px;text-align: justify;}
.index-youshi .case-box-li .txt p span{color: #1959c0;font-weight: bold;}
.index-youshi .case-box-li:nth-child(2) .txt,.index-youshi .case-box-li:nth-child(4) .txt{float: right; }
@media (max-width:768px){
.xbanner h3{ font-size:26px;}
	.index-youshi .case-box-li .txt{position: relative;width:100%; }
	.index-youshi .case-box-li .txt i{ top:0px;}
.index-youshi .case-box-li .txt h3{ font-size: 16px; }
.index-youshi .case-box-li .txt p{margin-top: 5px;height: auto; line-height: 24px;}


}
@media (max-width:568px){
.index-pro .pro-box ul li { width:48%; }
.xbanner h3{ font-size:22px;}
.xbanner p{ font-size:16px;line-height:26px; }
.process-box{margin-top:30px;}
.process-box li .title { font-weight:normal;}
.process-box li .ico5 {
    background-position: -386px -10px;
}
.process-box li .ico6 {
    background-position: -480px -10px;
}
}

.pagebanner { position:relative; width:100%; overflow:hidden; z-index:3;  }
.pagesection {position: relative;z-index: 4;}
.pagesection .wd1200 { position:relative; min-height:460px; background:#fff; padding:30px 0;}
.pagesection .wd1200 .sidebar { float:left; width:266px;position: relative;margin-top: -120px; }
.pagesection .wd1200 .main {float:right; width:898px;}

.leftTitle { position:relative; height:124px;box-sizing: border-box; background:#1244a3; padding:45px 0 0 0;background: url(img/menu_title.png);text-align: center;}
.leftTitle i { display: block;font-size:26px;font-weight: 600; line-height:28px; color:#fff; font-style:normal; }

/* ???м */
.location { position:relative; height:46px; line-height:46px; border-bottom:1px solid #eaeaea;}
.breadcrumbs {margin:0 auto 30px; text-align:right; }
.breadcrumbs a { display:inline-block; margin-left:12px; padding-left:12px; background:url(img/o_ico_04.png) no-repeat 0 center; vertical-align:top; }
.breadcrumbs .u-home { padding-left:20px; background:url(img/o_ico_03.png) no-repeat 0 center; }

/* ????????????? */
.menu {}
.menu dl dt {border-bottom:1px solid #fff;}
.menu dl dt a { display:block;  line-height:34px; font-size:16px; padding: 10px 0 10px 10px;background-color: #f0f0f0; }
.menu dl dt a:hover,.menu dl dt a.current { background:#1959c0; color:#fff; }
.menu-tel {background: url(img/menu_tel.jpg) no-repeat center / cover; height: 114px;box-sizing: border-box;text-align: center;padding-top: 40px;}
.menu-tel span {background: url(img/menu_tel_icon.png) no-repeat left center;padding-left: 35px;display: inline-block;font-size: 23px;color: #fff;}
.menu-contact dl dt{ display:block;  line-height:34px; font-size:16px; padding: 10px 0 10px 10px;background-color: #f0f0f0;border-bottom:1px solid #fff; }
/* ?????? */
.article { padding:30px 0 40px; line-height:2; font-size:15px; word-wrap:break-word; text-align:justify; }
.article .hd { padding:0 0 20px; text-align:center; }
.article .hd h1 { font-size:20px; }
.article .hd .titBar { color:#797979; font-size:12px; }
.article .bd { padding-bottom:40px; text-align:justify; }
.article .ft { padding:20px 0 0; border-top:1px solid #ddd; }
.article .ft ul li{float:left;width: 50%;}
.article td { width:33.33337%; float:left; border:1px solid #fff; border-bottom:0px;}
.piList { padding:30px 0 20px; overflow:hidden; }
.piList .pic-item-list { width:102%;}

.piList .pic-item { width:31.3333337%; margin:0 2% 20px 0; float:left; }
.piList .list-pic {overflow: hidden; height:292px;}
.piList .list-pic img {transition: all 1s; width:100%;}
.piList .list-pic:hover img {transform: scale(1.1);}
.piList .list-pic a{display:block; line-height:206px; text-align:center; background:#f2f2f2; }
.piList .pic-item dl { padding:12px 0;background-color: #f1f1f1; }
.piList .pic-item dl dt { height:30px; line-height:30px; font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-align:center; }
.piList .pic-item:hover dl {background-color: #1959c0;}
.piList .pic-item:hover dl dt a {color: #fff;}

.list { padding:30px 0 40px; }
.list li { padding:13px 0; border-bottom:1px solid #e0e0e0;}
.list li .date {float: left;width: 96px;height: 91px;background-color: #e5e5e5;font-family: arial;text-align: center;font-size: 16px;box-sizing: border-box;padding-top: 10px;color: rgba(51,51,51,.5);margin-right: 16px;position: relative;}
.list li:hover .date {background-color: #1959c0;color: #fff;}
.list li:hover .date::after {content: '';position: absolute;z-index: 5;width: 96px;height: 1px;background-color: #1959c0;left: 0;bottom: -14px;}
.list li .date span {font-size: 48px;font-weight: 600;line-height: 1;display: block;}
.list li .title {margin-top: 10px;}
.list li .title a {display: block;font-size: 18px;color: #000;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list li .title a:hover {color: #1959c0;}
.list li .des {line-height: 18px;margin-top: 10px;}

@media (max-width:992px){
.pagesection .wd1200 .sidebar { float:left; width:0px;position: relative;margin-top: 0px; display:none; }
.pagesection .wd1200 .main {float:none; width:98%; margin:0 auto;}
.pagesection .wd1200 { padding:0px 0 30px;}


}